<template>
  <div>
    <div class="mfsty1">
      <Header />
    </div>
    <div class="mfsty2"
   >
      <div>
        <movieHeader />
      </div>
      <div
      class="mfsty3"
      ></div>
      <div
      class="mfsty4"
      >
        <div class="mfsty5">
          <influence />
        </div>
        <div class="mfsty6" >
          <MovieBnt />
        </div>
      </div>
    </div>
    <div class="mfsty7">
      <desnVue />
    </div>
    <div>
      <userComVue />
    </div>
    <comsVue />
    <div>
      <top7Vue />
    </div>
  </div>
</template>
<script setup>
import { onBeforeMount } from 'vue'
import Header from '@/components/Client/GlobalCom/Header.vue'
import movieHeader from '@/components/Client/movieInfoCom/movieHeader.vue'
import MovieBnt from '@/components/Client/movieInfoCom/movieBnt.vue'
import influence from '@/components/Client/movieInfoCom/influence.vue'
import desnVue from '@/components/Client/movieInfoCom/desn.vue'
import userComVue from '@/components/Client/movieInfoCom/userCom.vue'
import comsVue from '@/components/Client/movieInfoCom/coms.vue'
import top7Vue from '@/components/Client/movieInfoCom/top7.vue'
import router from '@/router'
import '@/assets/scss/movieInfo.scss'

onBeforeMount(() => {
  if (document.documentElement.clientWidth < document.documentElement.clientHeight) {
    router.push('/movieInfoMobile')
  }

  const uid = JSON.parse(sessionStorage.getItem('uid'))
  if (uid === null) {
    alert('请先登录!')
    router.push('/Login')
  }
})
</script>
